@theme-color: #e54847;
@border-color: #e8e8e8;
@ts-color: #78cccd;

@xxl-font: 22px;
@xl-font: 20px;
@l-font: 18px;
@m-font: 16px;
@s-font: 14px;
@xs-font: 12px;
@xxs-font: 10px;

@border:1px solid #f1f1f1;
.border() {
  padding-left: 0;
  margin-left: @m-font;
  border-bottom: @border;
  padding-bottom: @xxs-font;
}
.center () {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content () {
  position: fixed;
  top: 46px;
  bottom: 50px;
  width: 100%;
  overflow: auto;
}
.protit() {
  height: calc(100% - 100px);
  overflow: auto;
  background: #fff;
}
.ellipsis () {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fontstyle () {
  font-family: PingFang SC;
  font-weight: bold;
}
.indexmine() {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  //margin-bottom: 10px;
  .person {
    //个人信息
    display: flex;
    justify-content: center;
    align-items: center;
    .head {
      width: 30px;
      height: 30px;
      margin-right: 10px;
      display: flex;
      img {
        margin: 0;
        width: 27px;
        height: 27px;
        border-radius: 50%;
      }
    }
    .name {
      width: 70px;
      height: @s-font;
      font-size: @xs-font;
      .fontstyle();
      color: #414141;
      .ellipsis();
    }
  }
  .message {
    display: flex;
    align-items: center;
    margin-right: 12px;
    //一些信息
    .iconfont {
      margin-right: 6px;
    }
    i {
      font-size: @xs-font;
      color: #b9b9b9;
      line-height: @xs-font;
    }
    .pub {
      margin-left: @m-font;
      display: flex;
      //align-items: center;
      .iconfont {
        display: flex;
        i {
          margin: 0;
        }
      }
    }
  }
}
